<!DOCTYPE html>
<html lang="en">

<head>
	<title>Canvas</title>
	<meta charset="utf-8" />
</head>

<body>

<h1>Canvas Example</h1>

<canvas id="myCanvas" width="500" height="500" style="border:5px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>
  var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  ctx.moveTo(0,0);
  ctx.lineTo(200,300);
  ctx.stroke();
  
  var x;
  for(x=200;x<400;x+=50)
  {
    ctx.moveTo(0,0);
    ctx.lineTo(200,x);
    ctx.stroke();
  }
  
</script>

</body>
</html>

